<template>
    <div class="courseNoticeView">
        <div v-if="chapterId">{{ chapterId }}</div>
        <div v-else>
            <!-- 课程通知 -->
            <div class="courseBox">
                <div class="course">课程通知</div>
                <div class="courseAvatar">
                    <img src="https://picsum.photos/60/60" alt=""></img>
                </div>
            </div>
            <!-- 学生消息 -->
            <div class="UserBox">
                <div class="avatar">
                    <img src="https://picsum.photos/60/60" alt="">
                </div>
            </div>
            <!-- 学习记录 -->
            <!-- 学习进度 -->
            <!-- 章节习题 -->
        </div>
    </div>
</template>

<script lang="ts">
import { ref } from 'vue';
import { useRoute } from 'vue-router';

export default {
    name: 'courseNoticeView'
}
</script>

<script setup lang="ts">
    const { params } = useRoute();  // 获取路由参数
    const courseId = ref(params.courseId); // 获取 课程Id 参数
    const chapterId = ref(params.chapterId); // 获取 章节Id 参数
    const resourceId = ref(params.resourceId); // 获取 资源Id 参数
    console.log(courseId.value);
    console.log(chapterId.value);
    console.log(resourceId.value);
</script>